<extend name="desktop_default/template/base_index2" />

<block name="area_header">
	<style type="text/css">
        body{
            background-color: #FFF2F7;
        }
		 .goodlist{ height: 340px;  background-color: #FFFFFF;  width: 280px; margin: 0 auto; float: left; padding: 10px; margin-left: 40px; margin-top: 20px; text-align: center;}
		 .am-btn{font-size: 13px;}
		 .btns{ padding-top: 20px; display: none; margin-top: 50px;}

		 .am-footer-miscs{}
		 .yinying{border: 3px solid #FF4C66;height: 346px;width: 286px;margin-top:17px;margin-left:37px;margin-bottom:-3px;margin-right:-3px}
		 .container{height: 80px; background-color: white; width: 100%; min-width: 1100px;}
	</style>
</block>

<block name="area_body">

    <include file="desktop_default/width/right" />

    <header class="header">
        <include file="desktop_default/width/top"/>
		{:W('Partials/nav_group')}
    </header>
    <div class="shop-container">

		<div class="" style="margin-top: 20px">
			<img height="50px" style="margin-left: -3px;" src="__IMG__/lists.png">
			<font color="#8C8C8C">高大上的商品列表</font>
		</div>


		<empty name="lists">
			<div style="background: #ffffff;" class="goods-list-box am-margin-top-sm am-margin-bottom-sm am-text-center am-padding-lg" >
				<div style="font-size: 5rem;">暂无相关数据,请<a href="{:U('Shop/Index/index')}">去看看其他的</a></div>
			</div>
			<else/>
			<div class="goods-list-box am-cf am-margin-bottom-sm" style=" z-index: 9999;">
				<div style="margin: 0 auto;  ">
				<volist name="lists" id="vo">
		           <div class="goodlist">
		           	<input type="hidden" name="pid" class="pid" value="{$vo['id']}" />
		           		<a href="{:U('Shop/Product/detail',array('id'=>$vo['id']))}"><img data-original="{:U('Api/Picture/index',array('id'=>$vo['main_img'],'size'=>240))}" class="lazy" src="{:C('IMGURL')}" width="100%" height="240px"></a>
		           		<font size="2">{$vo.name|subtext=14}</font><br>
		           		<span class="jg">
		           		<font color="red" name='prices' size="3">{$vo.price}</font>元&nbsp;&nbsp;&nbsp;<del>{$vo.ori_price}元</del><br></span>
		           		<font class="btns" >
                            <button url="{:U('Shop/ShoppingCart/addItem',array('pid'=>$vo['id']))}" target-form="fm"  class="ajax-post am-btn am-btn-default am-round savecookie" style="border:0px;outline:none;">加入购物车</button>
						<button url="{:U('Shop/Index/buynow')}" target-form="fm" class="ajax-post am-btn am-btn-warning am-round" style="border:0px;outline:none;">立即购买</button></font>
		           </div>
		        </volist>
		        </div>
		    </div>
	    </empty>

    </div>

   <include file="desktop_default/width/floor" />
   
</block> 

<block name="area_footer">
	<script type="text/javascript">
		$(function(){
			$('.btns').hide();
			$('.goodlist').mouseover(function(){
				var pid=$(this).find("input[name='pid']").val();
				var prices=$(this).find("font[name='prices']").val();
				$('#pp').val(pid);
				$('#skuprice').val(prices);
				$(this).find('.btns').show();
				
				$(this).addClass('yinying');
//				$(this).find('.jg').hide();
			})
			$('.goodlist').mouseout(function(){
				$(this).find('.btns').hide();
				$(this).removeClass('yinying');
//				$(this).find('.jg').show();
			})
			$('.savecookie').click(function(){
				
				
			})
		})
	</script>
</block>